iT邦幫忙

DAY 13
2

Swift - 從菜菜鳥到菜鳥的 30 天系列 第 13

[Swift-d13] - Basic - Navigation View 1 + ViewController

  • 分享至 

  • xImage
  •  

小弟的規劃表 - http://blog.kerkerj.in/blog/2014/11/01/planning/

好讀版 - http://blog.kerkerj.in/blog/2014/10/13/swift-d13/

今天來試著拉拉看 Navigation View

什麼是 Navigation View?

就是類似下圖的東西:

用來控制 View 之間的流程

今天我們繼續使用 storyboard 來簡單拉拉 Navigation View

首先先開一個新 project 吧!

接著我們到 storyboard,選擇 ViewController

再來我們要嵌入 Navigation View

所以要選擇: Edit -> Embed in -> Navigation View

選擇後,就會發現 storyboard 的 layout 改變了

Navigation View 實際上是透過 NavigationController 來控制

原本程式的進入點是 ViewController

由於我們要使用 Navigation View

因此透過 Xcode 將 NavigationController 嵌進去

讓程式進入點變成 NavigationController

再透過 NavigationController 將程式導到 ViewController

接下來我們命名一下 ViewController:

然後我們從右下角的 Object library 選擇 Bar Button items 加入

並將該物件拉到 NavigationBar 的右方

接下來我們希望點下 item 按鈕,可以到另外一個 ViewController

因此一樣從右下角的 Object library 拉一個 ViewController 到 storyboard 的空白處

直接拉一個過去就好

所以會長這樣:

接著就從 ViewController 的 item 上,按著 ctrl + 拖曳,

往右邊剛剛新增的 ViewController 拉,放開後就會選擇要做的動作,我們選擇 'show'

為了辨識起見,我們點選第二個 ViewController ,加入 Title:

都設定好後,按下執行,應該就可以看到 Navigation View 正常運作了!

按下 item 會到 View2, View2 會自動產生 back 鍵,回到 View1

是不是很方便呢!


上一篇
[Swift-d12] - Basic - 基本元件 (Label, Button, UIColor, 文字輸入框)
下一篇
[Swift-d14] - Basic - Navigation View 2 + ViewController
系列文
Swift - 從菜菜鳥到菜鳥的 30 天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
henryfan
iT邦新手 5 級 ‧ 2014-10-16 15:08:22

終於學會利用 Navigation Controller 去切換頁面了!這實在是太重要了!

0
henryfan
iT邦新手 5 級 ‧ 2014-10-16 15:08:24

終於學會利用 Navigation Controller 去切換頁面了!這實在是太重要了!

0
henryfan
iT邦新手 5 級 ‧ 2014-10-16 15:08:26

終於學會利用 Navigation Controller 去切換頁面了!這實在是太重要了!

我要留言

立即登入留言